<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">


<h:head>
	<title>Projet-voyages</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<h:outputStylesheet library="css" name="bootstrap.css" />
	<h:outputStylesheet library="css" name="half-slider.css" />

	<style type="text/css">
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	color: #8E969D;
}
</style>
</h:head>

<h:body bgcolor="#ffffff">
	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand" href="/voyages-web/identification.jsf">Packs
				Voyage</a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li><a href="#about">Qui sommes nous ?</a></li>
				<li><a href="/voyages-web/frontend/creationdeCompte.jsf">S'inscrire</a></li>
				<li><a href="/voyages-web/frontend/pageContact.jsf">Contact</a></li>
			</ul>
				<c:set var="inSession" scope="session"
					value="#{frontBean.clientConnecte.idClient}" />
				<c:choose>
					<c:when test="${inSession > 0}">
						<ul class="nav navbar-nav">
									<li><a href="#about">Mon Compte</a></li>
						</ul>
						<h:form class="navbar-form navbar-right">
									<h:commandLink class="btn btn-warning" action="#{frontBean.seDeconnecter()}" value="Se Déconnecter"/>
						</h:form>
					</c:when>
					<c:otherwise>
						<h:form class="navbar-form navbar-right" role="search">
							<h:commandLink class="btn btn-success" action="#{frontBean.seConnecter()}" value="Se Connecter"/>
							<div class="form-group">
								<h:inputText type="text" class="form-control" placeholder="email" value="#{frontBean.clientConnecte.adresseMail}"/>
							</div>
							<div class="form-group">
								<h:inputSecret type="password" class="form-control" placeholder="mot de passe" value="#{frontBean.clientConnecte.mdp}"/>
							</div>
						</h:form>
					</c:otherwise>
				</c:choose>
		</div>
	</div>
	</nav>
	<ui:insert name="contenu"></ui:insert>

	<div class="container">
		<ui:insert name="container"></ui:insert>
	</div>
	<hr>
		<footer>
		<div class="row">
			<div class="col-md-6 col-md-offset-3">
				<div style="text-align: center">
					<span><strong>Copyright Voyage Pack Company 2013</strong></span>
				</div>
			</div>
		</div>
		</footer>
	</hr>

	<h:outputScript library="js" name="jquery-1.10.2.js" />
	<h:outputScript library="js" name="bootstrap.js" />


	<!-- Script to Activate the Carousel -->
	<script>
			$('.carousel').carousel({
				interval : 4000
			//changes the speed
			});
// 			 $('.myAffix').affix();
		</script>
</h:body>

</html>